@charset "utf-8";
$fontsize:40;
@function r($px) {
    @return $px/$fontsize * 1rem;
}

.web {
    width: 100%;
    height: 100%;
    position: relative;
    .activity_frist{
        width: 100%;
        height: r(98);
        position: absolute;
        background: #000000;
        top: 0;
        .top {
            a {
                img {
                    width: r(32);
                    height: r(32);
                    margin-top: r(32);
                    margin-left: r(42);
                }
            }
        }
        .top1 {
            width: r(200);
            text-align: center;
            line-height: r(94);
            margin:  0 auto;
            p{
                font-size: r(33);
                color: #FFFFFF;
            }
        }
        
    }
    .activity {
        width: 100%;
        position: absolute;
        top: r(98);
        bottom: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        font-size: r(30);
        .activity1 {
            width: 100%;
            height: r(151);
            ul {
                .activity2 {
                    margin-top: r(30);
                    margin-left: r(30);
                    a {
                        img {
                            width: r(90);
                            height: r(90);
                        }
                    }
                }
                .activity4 {
                    width: r(570);
                    height: r(54);
                    margin-top: r(43);
                    p {
                        font-size: r(20);
                        color: #777777;
                        text-overflow: ellipsis;
                        overflow: hidden;
                        word-break: keep-all;
                        line-height: r(33);
                        span {
                            margin-right: r(30);
                            color: #777777;
                        }
                    }
                    .activity_4_1 {
                        color: #000000;
                    }
                }
            }
        }
        .activity1_1 {
            border-bottom: r(1) solid #EEEEEE;
        }
        .activity5 {
            width: 100%;
            height: r(145);
            border-bottom: r(1) solid #eeeeee;
            .activity5_1 {
                width: 100%;
                .activity5_2 {
                    width: r(114);
                    height: r(114);
                    margin-left: r(30);
                    img {
                        width: r(114);
                        height: r(114);
                    }
                }
            }
            p {
                width: r(487);
                margin-left: r(32);
                float: left;
                font-size: r(25);
                color: #777777;
                text-overflow: ellipsis;
                overflow: hidden;
                word-break: keep-all;
            }
            .activity5_3 {
                width: r(114);
                height: r(114);
                margin-right: r(30);
                img {
                    width: r(114);
                    height: r(114);
                }
            }
        }
    }
}